// 全局样式配置

// 颜色变量
$han-primary-color: #9a2a2a; // 主题色 (绛红)
$han-secondary-color: #c7d8c5; // 辅助色 (玉色)
$han-accent-color: #b8860b; // 强调色 (暗金)
$han-success-color: #4caf50; // 成功色 (绿色)
$han-warning-color: #ff9800; // 警告色 (橙色)
$han-danger-color: #f44336; // 危险色 (红色)
$han-info-color: #2196f3; // 信息色 (蓝色)

$han-global-bg-color: #f5f5f5; // 全局背景色 (浅灰)
$han-global-primary-font-color: #333333; // 全局字体色-主要文字 (深灰)
$han-global-secondary-font-color: #666666; // 全局字体色-次要文字 (中灰)
$han-global-border-color: #dddddd; // 全局分隔线、边框色 (中灰)
$han-global-shadow-color: #eeeeee; // 全局阴影色 (浅灰)

// 字体变量
$han-global-h1-font-size: 24px; // h1标题字体大小
$han-global-h2-font-size: 20px; // h2标题字体大小
$han-global-h3-font-size: 18px; // h3标题字体大小
$han-global-h4-font-size: 16px; // h4标题字体大小
$han-global-font-size: 14px; // 正文字体大小
$han-global-small-font-size: 12px; // 小号文本字体大小
$han-global-title-line-height: 1.2; // 标题行高
$han-global-line-height: 1.5; // 正文行高
$han-global-small-line-height: 1.3; // 小号文本行高

$han-global-font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; // 全局字体族

// 布局变量
$han-global-spacing-xs: 5px; // 非常小的间距
$han-global-spacing-sm: 10px; // 小的间距
$han-global-spacing-md: 15px; // 中等间距
$han-global-spacing-lg: 20px; // 大的间距
$han-global-spacing-xl: 30px; // 非常大的间距

// 边框半径
$han-border-radius-sm: 4px; // 小的圆角
$han-border-radius-md: 8px; // 中等圆角
$han-border-radius-lg: 12px; // 大的圆角

// 按钮样式
$han-button-height-sm: 36px; // 小按钮高度
$han-button-height-md: 44px; // 中等按钮高度
$han-button-height-lg: 52px; // 大按钮高度
$han-button-padding-sm: 8px 16px; // 小按钮内边距
$han-button-padding-md: 10px 20px; // 中等按钮内边距L
$han-button-padding-lg: 12px 24px; // 大按钮内边距

// 输入框样式
$han-input-height-sm: 36px; // 小输入框高度
$han-input-height-md: 44px; // 中等输入框高度
$han-input-height-lg: 52px; // 大输入框高度
$han-input-padding-sm: 8px 12px; // 小输入框内边距
$han-input-padding-md: 10px 16px; // 中等输入框内边距
$han-input-padding-lg: 12px 20px; // 大输入框内边距

// 卡片样式
$han-card-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); // 卡片阴影
$han-card-border-radius: 8px; // 卡片圆角
$han-card-padding: $han-global-spacing-md; // 卡片内边距

// 全局样式
:root {
  --han-primary-color: #{$han-primary-color};
  --han-secondary-color: #{$han-secondary-color};
  --han-accent-color: #{$han-accent-color};
  --han-success-color: #{$han-success-color};
  --han-warning-color: #{$han-warning-color};
  --han-danger-color: #{$han-danger-color};
  --han-info-color: #{$han-info-color};
  --han-global-bg-color: #{$han-global-bg-color};
  --han-global-primary-font-color: #{$han-global-primary-font-color};
  --han-global-secondary-font-color: #{$han-global-secondary-font-color};
  --han-global-border-color: #{$han-global-border-color};
  --han-global-shadow-color: #{$han-global-shadow-color};
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: $han-global-font-family;
  background-color: $han-global-bg-color;
  color: $han-global-primary-font-color;
  line-height: $han-global-line-height;
}

h1 {
  font-size: $han-global-h1-font-size;
  line-height: $han-global-title-line-height;
}

h2 {
  font-size: $han-global-h2-font-size;
  line-height: $han-global-title-line-height;
}

h3 {
  font-size: $han-global-h3-font-size;
  line-height: $han-global-title-line-height;
}

h4 {
  font-size: $han-global-h4-font-size;
  line-height: $han-global-title-line-height;
}

p {
  font-size: $han-global-font-size;
  line-height: $han-global-line-height;
}

small {
  font-size: $han-global-small-font-size;
  line-height: $han-global-small-line-height;
  color: $han-global-secondary-font-color;
}

a {
  color: $han-primary-color;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

// 全局重置样式
uni-page-body {
  font-family: $han-global-font-family;
  background-color: $han-global-bg-color;
  color: $han-global-primary-font-color;
}

// 按钮样式
.uni-button {
  font-family: $han-global-font-family;
  border-radius: $han-border-radius-md;
  padding: $han-button-padding-md;
  font-size: $han-global-font-size;
  transition: all 0.3s ease;
}

.uni-button-primary {
  background-color: $han-primary-color;
  color: white;
  border: none;
}

.uni-button-primary:hover {
  background-color: darken($han-primary-color, 10%);
}

.uni-button-secondary {
  background-color: $han-secondary-color;
  color: $han-global-primary-font-color;
  border: none;
}

.uni-button-secondary:hover {
  background-color: darken($han-secondary-color, 10%);
}

.uni-button-accent {
  background-color: $han-accent-color;
  color: white;
  border: none;
}

.uni-button-accent:hover {
  background-color: darken($han-accent-color, 10%);
}

// 输入框样式
.uni-input {
  font-family: $han-global-font-family;
  border: 1px solid $han-global-border-color;
  border-radius: $han-border-radius-md;
  padding: $han-input-padding-md;
  font-size: $han-global-font-size;
  transition: all 0.3s ease;
}

.uni-input:focus {
  border-color: $han-primary-color;
  box-shadow: 0 0 0 2px rgba($han-primary-color, 0.2);
}

// 卡片样式
.uni-card {
  background-color: white;
  border-radius: $han-card-border-radius;
  box-shadow: $han-card-shadow;
  padding: $han-card-padding;
  margin-bottom: $han-global-spacing-md;
}

// 导航栏样式
.uni-nav-bar {
  background-color: $han-primary-color;
  color: white;
}

.uni-nav-bar .uni-nav-bar-title {
  color: white;
}

// 列表项样式
.uni-list-item {
  padding: $han-global-spacing-md;
  border-bottom: 1px solid $han-global-border-color;
}

.uni-list-item:last-child {
  border-bottom: none;
}

// 标签样式
.uni-tag {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.uni-tag-primary {
  background-color: $han-primary-color;
  color: white;
}

.uni-tag-secondary {
  background-color: $han-secondary-color;
  color: $han-global-primary-font-color;
}

.uni-tag-accent {
  background-color: $han-accent-color;
  color: white;
}

// 消息提示样式
.uni-toast {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: $han-border-radius-md;
  padding: $han-global-spacing-md;
}

// 加载样式
.uni-loading {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: $han-border-radius-md;
  padding: $han-global-spacing-md;
}

// 分页样式
.uni-pagination {
  display: flex;
  justify-content: center;
  margin-top: $han-global-spacing-lg;
}

.uni-pagination-item {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  border-radius: $han-border-radius-sm;
  background-color: white;
  color: $han-global-primary-font-color;
  cursor: pointer;
}

.uni-pagination-item.active {
  background-color: $han-primary-color;
  color: white;
}

// 表格样式
.uni-table {
  width: 100%;
  border-collapse: collapse;
}

.uni-table th,
.uni-table td {
  padding: $han-global-spacing-sm;
  text-align: left;
  border-bottom: 1px solid $han-global-border-color;
}

.uni-table th {
  background-color: $han-secondary-color;
  color: $han-global-primary-font-color;
}

// 模态框样式
.uni-modal {
  background-color: white;
  border-radius: $han-border-radius-md;
  padding: $han-global-spacing-lg;
  box-shadow: $han-card-shadow;
}

// 图标样式
.uni-icons {
  font-size: 24px;
  color: $han-global-primary-font-color;
}

// 底部导航样式
.uni-tabbar {
  background-color: white;
  border-top: 1px solid $han-global-border-color;
}

.uni-tabbar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: $han-global-spacing-sm 0;
}

.uni-tabbar-item .icon {
  font-size: 24px;
  margin-bottom: $han-global-spacing-xs;
}

.uni-tabbar-item.active {
  color: $han-primary-color;
}